initMapOverViewWindow = function(){

	var mapOverView = new Ext.Window( {
		layout : 'fit',
		width : 190,
		height : 125,
		id:'overViewWin',
		contentEl:'overViewWindow',
		animateTarget : 'overViewMapIcon',
		draggable: false,
		plain:true,
		border:true,
		resizable:false,
		shadow:false,
		frame:true,
		title : overviewMapLabel,
		closeAction : 'hide',
		listeners : {
			'hide' : function() {
				this.hide();
			},
			'beforehide' : function(){
				Ext.getCmp('overViewMapIcon').show();
			},
			'beforeshow' : function(){
				Ext.get('overViewWindow').show();
			}
		}
	}).hide();

	Ext.get('overViewWindow').hide(); //hide initial overViewMap
};


initMapOverView = function( mapObj ){

	initMapOverViewWindow(); //@ mapjs/mapOverView.js

	var options = {
        	units : mapObj.units,
            projection: mapObj.projection,
            maxExtent: mapObj.maxExtent,
            scales: mapObj.scales,
            restrictedExtent: mapObj.maxExtent,
            div:Ext.get('overViewWindow')
    };
	var overView = new OpenLayers.Control.OverviewMap( options );
	mapObj.addControl( overView );
};